<template>
  <!-- <div> -->
  <div class="Pagetitle">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item>当前位置</el-breadcrumb-item>
      <el-breadcrumb-item v-if="title && title!== ''">{{ title }}</el-breadcrumb-item>
      <el-breadcrumb-item v-if="subtitle && subtitle!== ''" :to="position">{{ subtitle }}</el-breadcrumb-item>
    </el-breadcrumb>
    <!-- <img :src="require('@/assets/images/icon1.png')" alt="" /> -->
    <!-- <img src="@/assets/images/hongqi.png" alt="" /> -->
    <!-- <span class="tt">{{ title }}</span> -->
  </div>
  <!-- </div> -->
</template>

<script>
export default {
  name: 'CaseTitle',
  components: {},
  // eslint-disable-next-line vue/require-prop-types
  props: {
    position: {
      type: String,
      default: ''
    },
    title: {
      type: String,
      default: ''
    },
    subtitle: {
      type: String,
      default: ''
    }
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
    }
  }
};
</script>

<style lang="scss" scoped>
@mixin combor {
  border: 1px solid black;
}
// 多行文本省略
@mixin textLines($line) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $line;
  overflow: hidden;
}
/* .Pagetitle {
  position: relative;
  img {
    height: 7px;
    width: 1200px;
    margin-bottom: 15px;
  }
  .tt {
    position: absolute;
    color: #fff;
    font-size: 35px;
    width: 300px;
    text-align: center;
    font-weight: 900;
    left: 0;
    // margin-left: -100px;
    margin-top: 50px;
    font-style: italic;
  }
} */

</style>
<style scoped lang="less" >
@aaa: 192;
.Pagetitle {
  height: (95rem / @aaa);
}
.Pagetitle ::v-deep .el-breadcrumb {
  //width: 218px;
  width: (1660rem / @aaa);
  //width: (1200rem / @aaa);
  line-height: (40rem / @aaa);
  margin-top: (25rem / @aaa);
  margin-bottom: (25rem / @aaa);
  height: (40rem / @aaa);
  :hover {
    cursor: pointer;
  }
}
.Pagetitle ::v-deep .el-breadcrumb__inner {
  color: black;
}
.el-breadcrumb__item{
  font-size: 30rem/@aaa;
}
</style>
